﻿<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>节点类型</title>
		<style type="text/css">

		</style>
	</head>

	<body>
		<pre>

知识点一：判断节点类型
	经常我们需要的是知道一个对象是元素、是属性、还是文本，下一节节点查找我们将看的他的用途。
	元素节点的 nodeType值为1
	属性节点的nodeType值为2
	文本节点的nodeType值为3
 
<ul id="ul1">
<li><a href="#">富强民主</a></li>
<li><a href="#">公证法制</a></li>
<li><a href="#">自由平等</a>欢迎你</li>
</ul>
<script>

var ul = document.getElementById("ul1");
console.log(ul.nodeType);		//输出 1，说明是元素节点
console.log(ul.childNodes[0].nodeType);	//输出 3，说明是文本节点，空白也算
console.log(ul.childNodes[1].nodeType);	//输出 1，说明是元素节点就是第一个li
 
 
</script>
</pre>
	</body>

</html>